<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/new.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/refisterCheck.js"></script>
    <title>Register</title>
</head>
<!-- onsubmit="return checkForm()" -->
<body class="gray-body">

	<div class="container">
	    <div class="register-container panel">
	        <div class="panel-body">
	            <h1 class="login-title">Register</h1>
	            <form role="form" action="${pageContext.request.contextPath }/register" method="post"  class="login-form"  enctype="multipart/form-data">
	                <div class="form-group">
	                    <label class="control-label" for="usr">Owner name</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> </span>
	                        <input type="text" class="form-control" id="usr" name="mPersonName" value="UserName" placeholder="The name of merchant's owner" autofocus>
	                    </div>
	                    <span class="red-span" id="mPersonName-alert"></span>
	                </div>
	                <div class="form-group">
	                    <label for="tel">Telephone</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span> </span>
	                        <input type="number" class="form-control" id="tel" name="mTel" placeholder="Your telephone number">
	                    </div>
	                    <span class="red-span" id="mTel-alert"></span>
	                </div>
	                <div class="form-group">
	                    <label for="pwd">Password</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
	                        <input type="password" class="form-control" id="pwd" name="mPassword" value="123456" placeholder="Sign in password">
	                    </div>
	                        <span class="red-span" id="mPassword-alert"></span>
	                </div>
	                <div class="form-group">
	                    <label for="pwd2">Password Again</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
	                        <input type="password" class="form-control" id="pwd2" name="mPassword2" value="123456" placeholder="confirm the password">
	                    </div>
	                        <span class="red-span" id="mPassword2-alert"></span>
	                </div>
	
	                <div class="form-group">
	                    <label for="id_card">ID Card</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span> </span>
	                        <input type="text" class="form-control" id="id_card" name="mIdCard" value="123456789123456789" placeholder="Your id card number">
	                    </div>
	                        <span class="red-span" id="mIdCard-alert"></span>
	                </div>
	                <div class="form-group">
	                    <label for="id_card_path">ID Card Pic</label>
	                    <input type="file" class="" id="id_card_path" name="mCardPath">
	                    <p class="help-block">The ID Card picture would help us to confirm your ID</p>
	                    <span class="red-span" id="mCardPath-alert"></span>
	                </div>
	
	                <div class="form-group">
	                    <label for="location">Location</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-home"></span> </span>
	                        <input type="text" class="form-control" id="location" name="mLocation" value="Zhuhai NanRuan" placeholder="Location of your merchant">
	                    </div>
	                        <span class="red-span" id="mLocation-alert"></span>
	                </div>
	
	                <div class="form-group">
	                    <label for="brand">Brand</label>
	                    <div class="input-group">
	                        <span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span> </span>
	                        <input type="text" class="form-control" id="brand" name="mBrand" value="Super" placeholder="Brand-name of your merchant">
	                    </div>
	                        <span class="red-span" id="mBrand-alert"></span>
	                </div>
	                <div class="form-group">
	                    <label for="logo">Brand Pic</label>
	                    <input type="file" class="" id="logo" name="mLogoPath">
	                    <p class="help-block">The Brand picture could help customer recognize your merchant easily</p>
	                    <span class="red-span" id="mLogoPath-alert"></span>
	                </div>
	                <div class="form-group">
	                	<span class="red-span" id="register-btn-alert"></span>
	                    <button type="submit" class="btn btn-common login-btn" id="register-btn">Register</button>
	                    <a href="${pageContext.request.contextPath }/linkLogin" class="btn gray-btn">Login</a>
	                </div>
	            </form>
	        </div>
	    </div>
	</div>

</body>

<script type="text/javascript">

	
	

</script>



</html>